Next.js v14.2
GPT-4.icon
Next.js 14.2の主な改善点は以下の通りです:
1. Turbopack for Development(リリース候補):
next dev --turboでの99.8%のテスト成功率や、300のトップnpmパッケージのサポートが実現されました。メモリ使用量の改善と持続的キャッシュ機能が追加予定です。
2. ビルドと本番環境の改善:
ツリーシェーキング機能が強化され、クライアントとサーバーコンポーネント間で未使用のエクスポートを除去することで、最終バンドルサイズが最大51.3%削減されました。
メモリ消費が減少し、CSSの最適化も進み、ページ間のナビゲーションでスタイルが競合しないように変更されました。
3. キャッシュの改善:
クライアントサイドルーターキャッシュの無効化期間を設定できるstaleTimesオプション(実験的)を導入し、キャッシュの再検証と保持期間が柔軟に設定可能です。
4. Parallel & Intercepting Routesの改善:
クライアントサイドルーターキャッシュとの統合が進み、revalidatePathやrevalidateTagの呼び出しによりキャッシュが更新され、表示中のスロットがリフレッシュされます。
5. エラーメッセージとDXの改善:
next devでのエラーメッセージが明確化され、オーバーレイデザインにライト/ダークモードが追加されました。ReactのHydrationエラーについても、エラーが発生したファイルを表示するよう改善されています。
6. React v19への対応準備:
React 19へのアップデートを見据え、新機能の統合準備が進められています。